<template>
  <div id="app_container">
    <v-header></v-header>
    <v-sidebar></v-sidebar>
    <v-rightbar></v-rightbar>
    <router-view></router-view>
  </div>
</template>

<script>
  import header from './components/header/header.vue'
  import sidebar from './components/sidebar/sidebar.vue'
  import rightbar from './components/rightbar/rightbar.vue'

  export default {
    components: {
      'v-header': header,
      'v-sidebar': sidebar,
      'v-rightbar': rightbar
    }
  }
</script>

<style>
  #app_container {
    width: 100%;
    height: 100%;
  }
</style>
